<template>
	<view class="data_box">
		<view class="single_data box ">
			<view class="width_32 height_32 br_16 mr_12">
			</view>
			<view class="single_content box">
				<view class="">
					<text class="fz_14 fc_333 fb">章西</text>
					<text class="ml_8 fz_12 fc_999">刚刚</text>
				</view>
				<view class="check_box box mt_6 mb_4">
					<view class="check_type">查看商品 </view>
					<view class="goods_name ml_8">极简风格 超柔舒适 全实木框架+白鹅羽绒靠极简风格 超柔舒适 全实木框架+白鹅羽绒靠</view>
				</view>
				<view class="fz_12 fc_333">
					已分享过6次
				</view>
			</view>
		</view>
		<view class="single_data box ">
			<view class="width_32 height_32 br_16 mr_12">
			</view>
			<view class="single_content box">
				<view class="">
					<text class="fz_14 fc_333 fb">章西</text>
					<text class="ml_8 fz_12 fc_999">刚刚</text>
				</view>
				<view class="check_box box mt_6 mb_4">
					<view class="check_type">查看商品 </view>
					<view class="goods_name ml_8">极简风格 超柔舒适 全实木框架+白鹅羽绒靠极简风格 超柔舒适 全实木框架+白鹅羽绒靠</view>
				</view>
				<view class="fz_12 fc_333">
					已分享过6次
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.data_box {
		.single_data {
			@include set_padding(12rpx, 12rpx);
			@include flex_box(row, nowrap, flex-start, center);
			border: 1px solid red;
			border-bottom: 2rpx solid rgba(0, 0, 0, 0.1);

			.single_content {
				width: calc(100% - 88rpx);
				.check_box {
					@include flex_box(row, nowrap, flex-start, center);

					.check_type {
						border: 1px solid red;
						word-break: normal;
						white-space: nowrap;
					}
				}

				.goods_name {
					border: 1px solid red;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}
			}

		}
	}
</style>
